
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<script src="js/jquery-1.10.2.js">
</script>
<link rel="stylesheet" href="css/homepage.css" />
<style>
    h1{
        color: black;
        position: absolute;
    }
    .ewm{
        position: absolute;
        margin: -850px 0 0 1470px;
        width: 130px;
        height: 130px;
    }
    button{
        cursor: pointer;
    }
</style>

<body>
<div class="til">
    <div class="til-cdl">
        <div class="til-log"><img src="img/logo1.jpg"></div>
        <div class="til-cds">
            <a href="#">网络办赛</a>
        </div>
        <div class="til-cds">
            <a href="#">在线试卷</a>
        </div>
        <div class="til-cds">
            <a href="#">调查问卷</a>
        </div>
        <div class="til-cds">
            <a href="#">尊享版</a>
        </div>
    </div>
    <div class="til-lg">
        <div class="til-lgtx">
            <input class="til-lgt" placeholder="请输入关键词或者考试码" />
            <a href="#" class="til-ss"><img src="img/ss.png"></a>
        </div>
        <c:if test="${user!=null}">
            <c:forEach items="${user}" var="u">
            <div class="til-lgs">
                <a href="/Eventstar/personal/find?id=${u.uid}">${u.uname}</a>
            </div>
                <c:if test="${u.user_role_id==1}">
                    <div class="til-lgs">
                        <a href="/Eventstar/houtai/index.jsp">后台</a>
                    </div>
                </c:if>
            </c:forEach>
        </c:if>
        <c:if test="${user==null}">
        <div class="til-lgs">
            <a href="login.jsp">登录</a>
        </div>
        <div class="til-lgs">
            <a href="register.jsp">免费注册</a>
        </div>
        </c:if>
        <div class="til-sj"><img src="img/sj.png"></div>
    </div>
</div>

<div class="zy">
    <ul class="scroll-ul">
        <li class="scroll-li" >

            <img src="img/xqbanner1.jpg" style="position: absolute;"/>
            <p class="p1">赛 事 星</p><p class="p2">专 业 的 全 流 程 竞 赛 考 试 服 务 平 台</p>
            <a href=""><div class="lb-bt">免费办赛</div></a><a href=""><div class="lb-bt2">免费举办考试</div></a>
        </li>
        <li class="scroll-li">
            <img src="img/xqbanner3.jpg" style="position: absolute;"/>
            <p class="p3">强 大 的 在 线 考 试 服 务 系 统</p><p class="p4">操作简捷 | 自动批阅 | 智能统计 | 多终端同步</p>
            <a href=""><div class="lb-bt3">免费办赛</div></a>
        </li>
        <li class="scroll-li">
            <img src="img/new4.jpg" style="position: absolute;"/>
            <p class="p5">赛事星 | 尊享版</p>
            <p class="p6">应您所需，如约而制</p>
            <p class="p7">无忧服务·省心服务·定制服务</p>
            <a href=""><div class="lb-bt4">了解更多</div></a>
        </li>
    </ul>
</div>
<div class="lb-box">
    <div class="lb">
        <ol class="spot-ul">
            <li style="background-image: url(img/ts.PNG);"></li>
            <li style="background-image: url(img/ts2.PNG);"></li>
            <li style="background-image: url(img/ts3.PNG);"></li>
        </ol>
    </div>
</div>
<div class="ewm" hidden><img src="img/erweima.png"></div>
<div class="mid">
    <div class="mid-szt">
        <p>网络竞赛、在线考试、网络小调查</p>
        <p>我们为您提供完整的解决方案</p>
    </div>
    <div class="mid-fa">
        <div class="mid-fab"><img src="img/xqicon7.gif">
            <p class="mid-sz">知识普及竞赛</p>
            <p class="mid-sz2">百科知识竞赛 党建知识竞赛<br />安全知识竞赛</p>
        </div>
        <div class="mid-fab"><img src="img/xqicon8.gif">
            <p class="mid-sz">职业技能大赛</p>
            <p class="mid-sz2">业务技能大赛<br />职业能力大赛</p>
        </div>
        <div class="mid-fab"><img src="img/xqicon9.gif">
            <p class="mid-sz">学科知识竞赛</p>
            <p class="mid-sz2">语文阅读竞赛 英语竞赛<br />历史知识竞赛</p>
        </div>
        <div class="mid-fab"><img src="img/xqicon10.gif">
            <p class="mid-sz">考试教学</p>
            <p class="mid-sz2">随堂测试 模拟考试<br />期中期末考试</p>
        </div>
        <div class="mid-fab"><img src="img/xqicon11.gif">
            <p class="mid-sz">课前课后辅导</p>					<p class="mid-sz2">课前预习<br />课后作业</p>
        </div>
        <div class="mid-fab"><img src="img/xqicon12.gif">
            <p class="mid-sz">员工业务考核</p>
            <p class="mid-sz2">技能比拼考试<br />学习成果考核</p>
        </div>
        <div class="mid-fab"><img src="img/xqicon13.gif">
            <p class="mid-sz">招聘培训考试</p>
            <p class="mid-sz2">入职考试 员工培训考试<br />内部选拔考试</p>
        </div>
        <div class="mid-fab"><img src="img/xqicon14.gif">
            <p class="mid-sz">满意度调查</p>
            <p class="mid-sz2">用户满意度<br />用户使用行为调查</p>
        </div>
    </div>

</div>
<div class="mid2">
    <div class="mid2-til">
        <p>全 程 竞 赛 服 务 办 赛 无 忧</p>
    </div>
    <div class="mid2-img"><img src="img/midb.PNG"></div>
    <div class="mid2-ks" style="background-image: url(img/xqbg3.jpg);">
        <div class="mid2-js">
            <div class="mid2-jsiz">
                <b>01</b>
                <div class="mid2-size" style="margin-left:50px;">
                    <p class="mid2-s1">全流程服务</p>
                    <p class="mid2-s2">创建、推广、管理<br />竞赛全流程服务</p>
                </div>
            </div>
            <div class="mid2-jsiz">
                <b>02</b>
                <div class="mid2-size">
                    <p class="mid2-s1">6大系统</p>
                    <p class="mid2-s2">六大专业系统<br />服务您各种比赛</p>
                </div>
            </div>
            <div class="mid2-jsiz">
                <b>03</b>
                <div class="mid2-size">
                    <p class="mid2-s1">千人同时答题</p>
                    <p class="mid2-s2">答题系统稳定可靠</p>
                </div>
            </div>
            <div class="mid2-jsiz">
                <b>04</b>
                <div class="mid2-size">
                    <p class="mid2-s1">操作简单</p>
                    <p class="mid2-s2">几分钟内<br />创建一个精美的竞赛</p>
                </div>
            </div>
        </div>
        <div class="mid2-bs">
            <a href="#">
                <div class="mid2-lj">了解更多</div>
            </a>
            <a href="#">
                <div class="mid2-lj" style="margin-left:80px;">开始办赛</div>
            </a>
        </div>
        <div class="mid2-ss">
            <p>赛事火热进行中 </p>
            <a style="color: orangered; margin-left: 25px; font-size: 20px; float: left;" href="#">查看更多>></a>
        </div>
        <div class="mid2-ssz">
            <a href="#"><img src="img/jyb.PNG"></a>
            <a href="#"><img src="img/ds.PNG"></a>
            <a href="#"><img src="img/sd.PNG"></a>
            <a href="#"><img src="img/jd.PNG"></a>
        </div>
    </div>
</div>

<div class="bot">
    <div class="bot-tli">
        <p class="bot-tli1">先进的考试服务平台 大幅度提升考试效率</p>
        <p class="bot-tli2">多种考试模式，随时开考</p>
    </div>
    <div class="bot-bimg"><img src="img/bot-bimg.PNG"></div>
    <div class="bot-gn"><img src="img/bot-gn.PNG"></div>

    <div class="bot-bt">
        <a href="#">
            <div class="mid2-lj">了解更多</div>
        </a>
        <a href="#">
            <div class="mid2-lj" style="margin-left:80px;">创建考试</div>
        </a>
    </div>
</div>
<div class="bot-wj" style="background-image: url(img/bot-wj.PNG);"></div>
<div class="bot2">
    <div class="bot-tli">
        <p class="bot-tli1">每天都有竞赛/考试在赛事星成功举办</p>
        <p class="bot-tli2">越来越多的个人和机构开始使用赛事星免费举办竞赛和考试<br>赛事星丰富的功能、简洁的操作和稳定的服务，正是他们选择使用的原因</p>
    </div>
    <div class="bot-hzhb"><img src="img/qylogos.png"></div>
</div>

<%@include file="wei.jsp" %>

<script src="js/homepage.js"></script>
</body>

</html>